<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Admin</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/responsive.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">

    </head>
    <body>

        {% include "topmenu.html" %} <!-- Top menu -->

        <div class="container">
            <div class="row-fluid">

                {% include "sidebar.html" %} <!-- Side bar -->

                <!-- Formulario de indicadores -->
                <div class="span9">
                    <!-- Cargar el formulario de indicadores -->
                    <div class="page-header">
                        <h1>Administrar Indicadores</h1>
                        <a class="btn btn-primary" href="/plataforma/indicadores/agregar">Agregar Indicador &raquo </a>
                    </div>
                    {% if not mensaje_eliminacion == "" %}
                    <div id="mensajeElim" class="alert alert-success">
                        <a id="a_mensajeElim" class="close" href="#">&times;</a>
                        {{ mensaje_eliminacion | safe }}
                    </div>
                    {% endif %}
                    {% csrf_token %}
                    {{var_indicadores | safe}}
                    {{lista_indicadores | safe}}

                </div><!-- Fin span9-->
            </div>
            <!-- Fin row -->

            {% include "footer.html" %} <!-- Footer -->
        </div>
        <!-- /container -->

        <!-- JS files -->
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/parsley.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
        <script>
            $('#a_mensajeElim').click(function(){
                $('#mensajeElim').hide(500);
            });
        </script>
    </body>
</html>